<meta charset="UTF-8"/>
<style>
			* {
				margin: 0px;
				padding: 0px;
			}
			
			.box {
				background: #eee;
			}
			
			.sbox {
				background: white;
				display: flex;
				height: 45px;
				align-items: center;
			}
			
			.word {
				display: flex;
				flex: 1;
				background: white;
				justify-content: space-between;
				border-bottom: 1px solid #ccc;
			}
			
			.pic {
				padding-left: 10px;
				padding-right: 10px;
			}
			
			.txt2 {
				font-size: 14px;
				color: #ccc;
				text-align: center;
			}
			
			.t {
				padding-left: 15px;
				padding-right: 15px;
				line-height: 50px;
			}
		</style>
	</head>

	<body>
		<div class="box">
			<div class="t">骑行</div>
			<div class="sbox">

				<div class="pic"><img src="我的钱包.png" /></div>
				<div class="word">
					<div class="txt1">我的钱包</div>
					<div class="txt2">查看骑行卡 优惠卡
					<img src="右箭头.png" /></div>
				</div>

			</div>
		

			<div class="sbox">
				<div class="pic"><img src="行程.png" /></div>
				<div class="word">
					<div class="txt1">行程</div>
					<div class="txt2">本月骑行次数0次，今日骑行0次
					<img src="右箭头.png" /></div>
				</div>

			</div>
		

			<div class="sbox">
				<div class="pic"><img src="行为分.png" /></div>
				<div class="word">
					<div class="txt1">行为分</div>
					<div class="txt2">当前分数276分
					<img src="右箭头.png" /></div>
				</div>

			</div>
		

			<div class="sbox">
				<div class="pic"><img src="评价规则.png" /></div>
				<div class="word">
					<div class="txt1">计价规则</div>
					<div class="txt2">计价规则
					<img src="右箭头.png" /></div>
				</div>

			</div>
			

			<div class="sbox">
				
				<div class="pic"><img src="客服中心.png" /></div>
				<div class="word">
					<div class="txt1">客服中心</div>
				<div class="txt2"><img src="右箭头.png" /></div>
				</div>
				
				
			</div>

		</div>

	</body>
